JavaScript DOM
JavaScript DOM
 ### part1 javascript 简史
 JavaScript 是Netscape公司与Sun公司合作开发的。
 ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现
 DOM :一套对文档的内容进行抽象和概念化的方法。
 DOM 是 W3C(万维网联盟)的标准。
 DOM 定义了访问 HTML 和 XML 文档的标准:
“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
part2 javascript 语法
 JS中声明变量都用关键字var,并且JS区分大小写
 弱类型,不一定要初始化。在任何阶段都可以改变变量的数据类型。
 ==与 ===  前者只比较值,后者不仅比较值,还比较变量类型。
 !==   与!===  同上
 循环语句:
 while循环  :while  do while
 for循环:
part3 DOM
DOM中的“D”:document,文档。“O”:object,对象。“M”:model,模型
Javascript语言里的对象分为三种类型:
用户定义对象
内建对象
宿主对象
 DOM把一份文档表示为一棵树。
 
 节点:网络术语,便是网络中的一个连接点。
 DOM里有许多不同类型的节点:
 元素节点
 文本节点
 属性节点
 getElementById() 返回一个与那个有着给定id属性值的元素节点对应的对象。
 getElrmentByTagName() 返回一个对象数组。
 getElrmentByClassName() 返回一个具有相同雷鸣的元素的数组。
 getAttribute()只能通过元素节点对象调用。
 setAttribute() 对属性节点的值做出修改。
part4 Javascript图片库
 childNodes属性可以用来获取人格一个元素的所有子元素。element.childNodes
 nodeType属性返回的数组包含所有类型的节点,而不仅仅是元素节点。node.nodeType
 nodeValue属性获取一个节点的值。node.nodeValue
part5 最佳实践
 平稳退化(虽然某些功能无法使用,但是基本操作让能顺利完成。spider 网站的SEO优化。)
 分离js
 向后兼容
 性能考虑:
 ①尽量减少访问DOM和尽量减少标记
 ②合并和放置脚本(将脚本放置在
③压缩脚本
④
 
        
         
                        